@import "app.scss";

.menu-item-warp {
  width: r(167);
  height: r(64);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: r(9) r(12);
  background-image: linear-gradient(90deg, #fff 0%, #cddeff 100%);
  border-radius: r(10);
  box-shadow: 0px r(4) r(4) rgba(0, 0, 0, 0.1);
  // background-image: url("https://security.dfteco.com/static/default_tenant/f593e7ff1b20460f978414b2e27ef786.svg");
  .left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .title {
      color: #000;
      font-size: 15px;
    }
    .sub-title {
      color: #86909c;
      font-size: 12px;
    }
  }
  .right {
    height: r(40);
    width: r(40);
    .img {
      width: 100%;
      height: 100%;
    }
  }
}
